
/*模态框*/
.ui_modal_wrap {
     display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    align-items: center;    
    position: fixed;
    z-index: 2017;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
}
.ui_modal {
    width: 80%;max-width: 480px;
    background-color: #fff;
    text-align: center;
    border-radius: 3px;
    background-clip: padding-box;
    font-size: 15px;
    opacity: 0;
    -webkit-transform: scale(1.185);
    transform: scale(1.185);
    -webkit-transition: all .2s;
    transition: all .2s;
}
.ui_modal_hd {
    padding: 20px;font-size: 18px;
}
.ui_modal_bd {
    padding-left: 10px;padding-right: 10px;color: #888
}
.ui_modal_ft { position: relative; line-height: 45px; margin-top: 20px; 
     display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;text-align: center;
     font-size: 17px;
}
.ui_modal_ft:after { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 1px; border-top: 1px solid #D5D5D6; color: #D5D5D6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
.ui_modal_btn {position: relative;display: block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #3CC51F; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.ui_modal_btn:active {background-color: #EEEEEE;}
.ui_modal_default_btn {color: #333}
.ui_modal_primary_btn {color: var(--primary_color)}
.ui_modal_btn:after { content: " "; position: absolute; left: 0; top: 0; width: 1px; height: 100%; border-left: 1px solid #D5D5D6; color: #D5D5D6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); }
.ui_modal_btn:first-child:after { display: none; }
.ui_modal_in {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.ui_modal_out {
  -webkit-transform: scale(0.815);
  transform: scale(0.815);
  opacity: 0;
}